<!DOCTYPE html>
<html>
<head>
<#include "/common/common.ftl" parse=true encoding="utf-8">
<style>
.body_content {
	width: 100%;
}

.row {
	padding-right: 0px;
	margin-right: 0px;
}

.email-logo {
	margin-bottom: 30px;
	text-align: center;
}

.col-md-12 {
	margin: auto;
}

h2 {
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	padding-bottom: 25px;
	border-bottom: 1px solid #CCC;
}

.step {
	position: relative;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 80%;
}

.step2 {
	left: 260px;
	position: absolute;
	top: 1px;
	width: 30px;
}

.form-group {
	margin-top: 100px;
	text-align: center;
}

.form-group span {
	font-size: 25px;
	margin-top: 10px;
}

.message {
	
}

.timeSpan {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 18px;
}

.timeSpan1 {
	margin-top: 20px;
}

#timeSpan {
	color: #FF4900;
	font-size: 15px;
}
</style>
</head>
<body>
	<#include "/common/header.ftl" parse=true encoding="utf-8">


	<div class="body_content">
		<div class="row container">
			<div class="col-md-12">
				<div class="email-logo">
					<h2>${title!}</h2>
				</div>
				<div class="form-group has-feedback">
					<div>
						<img width="80px;" src="${base}/styles/images/common/Success.png"> <span class="message">${message!}</span>
					</div>
					<div class="timeSpan1">
						<span id="timeSpan"></span>
					</div>
				</div>

			</div>
		</div>
	</div>
	<#include "/common/footer.ftl" parse=true encoding="utf-8">
	<script type="text/javascript">
		var i = 5;
		var t;
		function countdown() {
			var ht =  "倒计时" + i + "秒后返回！！！";
			$("#timeSpan").html(ht);
			t = setTimeout("countdown()", 1000);
			i--;
		if (i == -1) {
				clearTimeout(t);
				window.location.href = "${base}${returnUri!}";
				return;
			}
		}
		$(function() {
			countdown();
		});
	</script>
</body>
</html>